<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery-3.7.0.min.js"></script>
	</head>
	<body>
		服务器消息：<span id="note"></span><br>
		<button type="button" onclick="fun()">获取消息</button>
		<script type="text/javascript">
			// 	function fun(){
			// 		//1.初始化对象
			// 		var xhr=new XMLHttpRequest();
			// 		//2.创建请求
			// 		xhr.open("GET","data.txt",false);//false->同步请求
			// 		//3.发送请求
			// 		xhr.send();
			// 		//4.处理响应
			// 		var txt=xhr.responseText;
			// 		document.querySelector("span").innerHTML=txt;//直接通过标签选中span，添加i，class
			// 	}
			$("button").click(function() {

				// $.get("data.txt",function(data){
				// 	$("#note").html(data)
				// })

				$.ajax({
					type: "get",//请求类型，post
					data: {}, //传递数据
					url: "data.txt",
					async: false,
					dataType: "text",
					success: function(data) {
						$("#note").html(data);
					},
					error:function(data){
						alert(error);
					}
				})
			})
		</script>
	</body>
</html>